#picker{
	margin-right: 10px;
}
#picker>div:last-child{
	opacity: 0;
}

/*模态框*/
.modal-content{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	width: 500px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
/*确认框,模态框公共部分*/
.modal-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 0 20px;
	height: 50px;
	background-color: #579aff;
	color: #fff;
}
.modal-header>span:first-child{
	color: #fff;
	font-size: 16px;
}
.modal-body{
	position: relative;
	padding: 20px 0 20px 20px;
	text-align: center;
	font-size: 16px;
	color: #444;
}
.close{
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #333;
	line-height: 27px;
	text-align: center;
	font-size: 21px;
	color: #000;
	opacity: .2;
	cursor: pointer;
}
.close:hover{
	opacity: .8;
}
.filelist-wrap{
	width: 100%;
	max-height: 400px;
	overflow: auto;
	padding-right: 20px;
	.file-item{
		height: 70px;
		display: flex;
		justify-content: space-between;
		padding: 5px 0;
		border-bottom: 1px solid #f1f3f5;
		.item-left{
			height: 100%;
			.img-wrap{
				float: left;
				width: 40px;
				height: 100%;
				margin-right: 10px;
				line-height: 54px;
				.icon-upload{
					position: relative;
					top: 8px;
					font-size: 40px;
				}
				img{
					width: 40px;
					height: 40px;
				}
			}
			.filename-wrap{
				float: left;
				max-width: 200px;
				text-align: left;
				span{
					display: inline-block;
					width: 100%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
			}
		}
		.item-right{
			max-width: 200px;
			height: 100%;
			display: flex;
			align-items: center;
			.ant-progress{
				margin-left: 15px;
			}
		}
	}
}
.up-btn-wrap{
	text-align: center;
	.up-btn{
		display: inline-block;
	}
	.unvisible{
		visibility: hidden;
	}
}
